chore(devtools): bump packages and move theme provider by harry-whorlow · Pull Request #176 · TanStack/pacer

harry-whorlow · 2026-03-15T09:24:21Z

Summary by CodeRabbit

New Features
- DevTools now support customizable theme configuration across all framework implementations (Pacer, Preact, React, and Solid).
Chores
- Updated DevTools dependencies to align theme provider implementations across framework packages, preventing theme mismatches.

changeset-bot · 2026-03-15T09:24:26Z

🦋 Changeset detected

Latest commit: 30f8d0e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@tanstack/preact-pacer-devtools	Patch
@tanstack/react-pacer-devtools	Patch
@tanstack/solid-pacer-devtools	Patch
@tanstack/pacer-devtools	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

coderabbitai · 2026-03-15T09:24:30Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: a60cc823-3fd8-47fe-a2c5-04caaeefeb13

📥 Commits

Reviewing files that changed from the base of the PR and between b897241 and 30f8d0e.

⛔ Files ignored due to path filters (1)

pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (6)

.changeset/tasty-impalas-mate.md
packages/pacer-devtools/package.json
packages/pacer-devtools/src/PacerDevtools.tsx
packages/preact-pacer-devtools/package.json
packages/react-pacer-devtools/package.json
packages/solid-pacer-devtools/package.json

📝 Walkthrough

Walkthrough

This PR extracts the devtools theme provider to respective devtools packages to prevent theme mismatch. Dependencies across pacer, preact, react, and solid devtools packages are updated. The PacerDevtools component is refactored to accept a theme prop and wrap its content with ThemeContextProvider.

Changes

Cohort / File(s)	Summary
Changeset Documentation `.changeset/tasty-impalas-mate.md`	Documents patch version updates for four devtools packages with explanation about extracting theme provider.
Pacer Devtools Implementation `packages/pacer-devtools/src/PacerDevtools.tsx`	Wraps component with `ThemeContextProvider`, adds typed props interface with theme field, and updates component signature to accept props object.
Package Version Updates `packages/pacer-devtools/package.json`, `packages/preact-pacer-devtools/package.json`, `packages/react-pacer-devtools/package.json`, `packages/solid-pacer-devtools/package.json`	Updates `@tanstack/devtools-utils` from ^0.3.2 to ^0.4.0 across all packages; pacer-devtools also updates `@tanstack/devtools-ui` to 0.5.1.

Sequence Diagram

sequenceDiagram
    participant Parent as Parent Component
    participant Devtools as PacerDevtools
    participant Provider as ThemeContextProvider
    participant Shell as Shell & Context

    Parent->>Devtools: Pass theme prop
    Devtools->>Provider: Wrap with ThemeContextProvider
    Note over Provider: Provide theme to context
    Provider->>Shell: Render with theme context
    Shell->>Shell: Access theme from context

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🐰 The theme now flows through devtools so sweet,
Each package aligned, the patches complete!
No mismatch in sight, just harmony's grace,
As themes find their home in their rightful place. 🎨

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	The pull request description is completely empty, missing all required sections from the template including Changes, Checklist, and Release Impact sections.	Add a comprehensive description explaining the motivation for bumping packages and extracting the theme provider, confirm testing with pnpm run test:pr, and verify changeset documentation was generated.
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main changes: bumping devtools package versions and moving/extracting the theme provider to respective devtools packages.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings (stacked PR)
📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch extract-theme

📝 Coding Plan

Generate coding plan for human review comments

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

nx-cloud · 2026-03-15T09:25:09Z

View your CI Pipeline Execution ↗ for commit 30f8d0e

Command	Status	Duration	Result
`nx run-many --targets=build --exclude=examples/**`	✅ Succeeded	19s	View ↗

☁️ Nx Cloud last updated this comment at 2026-03-15 09:33:08 UTC

pkg-pr-new · 2026-03-15T09:25:57Z

More templates

@tanstack/angular-pacer

npm i https://pkg.pr.new/@tanstack/angular-pacer@176

@tanstack/pacer

npm i https://pkg.pr.new/@tanstack/pacer@176

@tanstack/pacer-devtools

npm i https://pkg.pr.new/@tanstack/pacer-devtools@176

@tanstack/pacer-lite

npm i https://pkg.pr.new/@tanstack/pacer-lite@176

@tanstack/preact-pacer

npm i https://pkg.pr.new/@tanstack/preact-pacer@176

@tanstack/preact-pacer-devtools

npm i https://pkg.pr.new/@tanstack/preact-pacer-devtools@176

@tanstack/react-pacer

npm i https://pkg.pr.new/@tanstack/react-pacer@176

@tanstack/react-pacer-devtools

npm i https://pkg.pr.new/@tanstack/react-pacer-devtools@176

@tanstack/solid-pacer

npm i https://pkg.pr.new/@tanstack/solid-pacer@176

@tanstack/solid-pacer-devtools

npm i https://pkg.pr.new/@tanstack/solid-pacer-devtools@176

commit: 30f8d0e

chore(devtools): bump packages and move theme provider

30f8d0e

harry-whorlow marked this pull request as ready for review March 15, 2026 09:24

AlemTuzlak approved these changes Mar 15, 2026

View reviewed changes

KevinVandy approved these changes Mar 15, 2026

View reviewed changes

KevinVandy merged commit 160b4ff into main Mar 15, 2026
6 checks passed

KevinVandy deleted the extract-theme branch March 15, 2026 23:11

github-actions bot mentioned this pull request Mar 15, 2026

ci: Version Packages #171

Merged

harry-whorlow restored the extract-theme branch March 16, 2026 09:52

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

chore(devtools): bump packages and move theme provider#176

chore(devtools): bump packages and move theme provider#176
KevinVandy merged 1 commit intomainfrom
extract-theme

harry-whorlow commented Mar 15, 2026 •

edited by coderabbitai bot

Loading

Uh oh!

changeset-bot bot commented Mar 15, 2026

Uh oh!

coderabbitai bot commented Mar 15, 2026 •

edited

Loading

Walkthrough

Changes

Sequence Diagram

Estimated code review effort

Poem

❌ Failed checks (2 warnings)

Uh oh!

nx-cloud bot commented Mar 15, 2026 •

edited

Loading

Uh oh!

pkg-pr-new bot commented Mar 15, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

harry-whorlow commented Mar 15, 2026 • edited by coderabbitai bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary by CodeRabbit

Uh oh!

changeset-bot bot commented Mar 15, 2026

🦋 Changeset detected

Uh oh!

coderabbitai bot commented Mar 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Sequence Diagram

Estimated code review effort

Poem

❌ Failed checks (2 warnings)

Uh oh!

nx-cloud bot commented Mar 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

pkg-pr-new bot commented Mar 15, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

harry-whorlow commented Mar 15, 2026 •

edited by coderabbitai bot

Loading

coderabbitai bot commented Mar 15, 2026 •

edited

Loading

nx-cloud bot commented Mar 15, 2026 •

edited

Loading